<template>
  <div class="platform-data page">
    <van-nav-bar
        title="等级中心"
        left-arrow
        @click-left="$router.back()"
    />
    <div class="contain-body">
      <ul class="title-ul">
        <li><span>信誉分 : </span><span>{{ userInfo.score }}</span></li>
        <li><span>用户等级 : </span><span>{{ userInfo.is_qiandao ? 'VIP1' : 'VIP0' }}</span>
        </li>
      </ul>
      <div class="desc-div">
        <div>信誉分说明：</div>
        <div>
          <div>
            信誉分是依据方方面面的数据而设计的信用体系，本质上来说，信普分是一套征信系统，平台的行为记录。对海量信息数据的综合处理和评估，主要包含了用户信用历史、行为偏好、履约能力、身份特质、人脉关系五个纬度。基于互联网全融数据，并与公安网等公共机构以及合作伙伴建立数据合作，与传统征信数据不同。“信誉分”通过分析大量的网络交易及行为数据，可以帮助互联网全融企业为用户提供快速授信及现全分期服务。
          </div>
          <div>信誉分价值：</div>
          <div>使用关系社会化将释放新的消费力</div>
          <div>信用将为互联网+经济保驾护航互联网+信用，也是普惠全融的必然选择</div>
          <div>有助营造人人信用的社会氛围</div>
        </div>
      </div>
      <div class="desc-div">
        <div>等级说明：</div>
        <div>
          <div>
            新用户初始等级为vip1最高可至vip10，根据用户在线时间长，活跃程度，打赏次数与全额综合数据分析定级。等级越高享受的约炮资源愈加丰富，获得更优质的爱爱资源，更有情趣商城商品最高5折优惠、语音磕炮、1v1棵聊、外围空降，尊享专属等级特权，不定期组织线下情趣派对。新用户可免费领取一次指定情趣用品，详情可咨询您的专属红娘。
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import {mapGetters} from "vuex";

export default {
  name: "LevelCenter",
  computed: mapGetters(["userInfo"]),
  data: function () {
    return {}
  }
};
</script>
<style scoped>
::v-deep .van-nav-bar__left > i, ::v-deep .van-nav-bar__text, ::v-deep .van-nav-bar__title, ::v-deep .van-cell__title {
  color: var(--van-nav-bar-icon-color);
}

.platform-data {
  height: 100%
}

.platform-data .nav {
  background: linear-gradient(90deg,#fff,#fff)
}

.platform-data .nav .nav-right {
  font-size: .37333rem;
  color: #fa59b5
}

.platform-data .contain-body {
  height: calc(100% - 1.33333rem);
  overflow-y: auto;
  padding: .26667rem;
  color: #000
}

.platform-data .contain-body .title-ul {
  border: .02667rem solid #7c6f7c;
  border-radius: .13333rem;
  padding: .4rem .26667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .4rem;
  margin-bottom: .26667rem
}

.platform-data .contain-body .title-ul li {
  width: 50%;
  text-align: center
}

.platform-data .contain-body .title-ul li span:nth-child(2) {
  color: #f26998;
  font-weight: 700
}

.platform-data .contain-body .desc-div {
  border: .02667rem solid #7c6f7c;
  border-radius: .13333rem;
  padding: .4rem .26667rem;
  margin-bottom: .26667rem;
  font-size: .37333rem
}

.platform-data .contain-body .desc-div>div:first-child {
  font-weight: 700;
  margin-bottom: .13333rem
}

.platform-data .contain-body .desc-div div {
  line-height: .64rem;
  margin-bottom: .13333rem
}

</style>
